<template>
	<view class="content page">
		<status-bar :title="nameDefinition + '明细'"></status-bar>
		<!-- 返回顶部 -->
		<backTop v-if="toTop"></backTop>
		<view class="brokerage_list">
			<view
				class="brokerage_item flex-box align-center"
				v-for="(item, index) in brokerage_list"
				:key="index">
				<view class="flex-1">
					<view class="brokerage_t" v-if="item.remarks">{{ item.remarks }}</view>
					<view
						class="d-flex a-center m-bot10"
						v-if="item.v_headimg || item.v_name || item.v_tel">
						<image
							:src="$imgUrls(item.v_headimg)"
							mode="aspectFill"
							class="v_headimg"
							v-if="item.v_headimg"></image>
						<view class="v_name">
							<text class="color_33 size28 ellipsis">{{ item.v_name }}</text>
						</view>
						<text class="color_33 size28">({{ item.v_tel }})</text>
					</view>
					<view class="f_028 c_999999 order_code">{{ item.order_code }}</view>
					<view class="f_028 c_999999" v-if="item.status == 0">{{ item.add_time }}</view>
					<view class="f_028 c_999999" v-else>{{ item.pay_time }}</view>
				</view>
				<view v-if="item.status == 0" class="f_036 error-color flex-box align-center">
					<text>-</text>
					<text>{{ item.money }}</text>
				</view>
				<view v-if="item.status == 1" class="f_036 success-color flex-box align-center">
					<text>+</text>
					<text>{{ item.money }}</text>
				</view>
			</view>
			<empty v-if="noData" type="1" cat="3" msg="还没有相关数据哦~"></empty>
		</view>
	</view>
</template>

<script>
	var that;
	export default {
		data() {
			return {
				toTop: false,
				brokerage_list: [],
				noData: false,
				staticUrl: this.staticUrl,
				nameDefinition: uni.getStorageSync('startUp').nameDefinition.profitTitle
					? uni.getStorageSync('startUp').nameDefinition.profitTitle
					: '佣金',
				channel: '',
			};
		},
		onPageScroll(e) {
			if (e.scrollTop > 200) {
				this.toTop = true;
			} else {
				this.toTop = false;
			}
		},
		onShow() {
			this.getbrokeraget();
			uni.setNavigationBarTitle({
				title: this.nameDefinition + '明细',
			});
		},
		onShareAppMessage(option) {
			let shareData = uni.getStorageSync('shareData');
			let vid = uni.getStorageSync('vid');
			return {
				title: shareData.title,
				desc: shareData.desc,
				path: '/pages/index/index?share_v_id=' + vid + '&pageType=99',
				imageUrl: shareData.imageUrl,
			};
		},
		onLoad(e) {
			let that = this;
			if (e.state == 1) {
				that.channel = 2;
			}
		},
		methods: {
			getbrokeraget: function () {
				//获取佣金
				let that = this;
				that.$http
					.post({
						url: '/zzj_singleSaleApi/income_list',
						data: {
							channel: that.channel,
						},
					})
					.then((res) => {
						if (res.errcode != '100') return;
						const result = res.data;
						that.brokerage_list = res.data;
						if (!that.brokerage_list || that.brokerage_list.length < 1) {
							that.noData = true;
						}
					});
			},
		},
	};
</script>

<style scoped lang="scss">
	.brokerage_item {
		border-bottom: 1px solid #eeeeee;
		padding: 20rpx 30rpx;
		background: #ffffff;
		justify-content: space-between;
		.v_headimg {
			width: 60rpx;
			height: 60rpx;
			border-radius: 50%;
			margin-right: 10rpx;
		}
		.v_name {
			max-width: 220rpx;
		}
		.order_code {
			margin-bottom: 10rpx;
		}
		.brokerage_t {
			margin-bottom: 12rpx;
			font-size: 32upx;
		}
		.f_036 {
			text {
				font-size: 36rpx;
				vertical-align: middle;
				margin-right: 4rpx;
			}
		}
	}
	.empty {
		color: red;
	}
</style>
